<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>城市切换</title>
    <link rel="stylesheet" href="/css/changecity.css?v=6">
</head>
<body>

<div id="hot">
    <div id="hot-title">已开通城市</div>
    <a href="//{{config('app.domain')}}" class="hot-city">全国</a>
    <a href="//sh.{{config('app.domain')}}" class="hot-city">上海</a>
    <a href="//wh.{{config('app.domain')}}" class="hot-city">武汉</a>
    <a href="//xy.{{config('app.domain')}}" class="hot-city">襄阳</a>
</div>
{{--<div id="selector">--}}
    {{--<div class="selector-title">城市选择</div>--}}
    {{--<div id="selector-province" class="selector">--}}
        {{--<div id="selector-province-result" class="selector-result">省份</div>--}}
        {{--<div id="selector-province-arrow" class="selector-arrow selector-arrow-HD"></div>--}}
        {{--<ul id="selector-province-box" class="selector-box" style="max-height: 450px;"><li class="selector-list" data-city="A">安徽</li><li class="selector-list" data-city="F">福建</li><li class="selector-list" data-city="G">广东</li><li class="selector-list" data-city="G">广西</li><li class="selector-list" data-city="G">贵州</li><li class="selector-list" data-city="G">甘肃</li><li class="selector-list" data-city="H">海南</li><li class="selector-list" data-city="H">河南</li><li class="selector-list" data-city="H">黑龙江</li><li class="selector-list" data-city="H">湖北</li><li class="selector-list" data-city="H">湖南</li><li class="selector-list" data-city="H">河北</li><li class="selector-list" data-city="J">江苏</li><li class="selector-list" data-city="J">江西</li><li class="selector-list" data-city="J">吉林</li><li class="selector-list" data-city="L">辽宁</li><li class="selector-list" data-city="N">宁夏</li><li class="selector-list" data-city="N">内蒙古</li><li class="selector-list" data-city="Q">青海</li><li class="selector-list" data-city="S">山东</li><li class="selector-list" data-city="S">山西</li><li class="selector-list" data-city="S">陕西</li><li class="selector-list" data-city="S">四川</li><li class="selector-list" data-city="X">新疆</li><li class="selector-list" data-city="X">西藏</li><li class="selector-list" data-city="Y">云南</li><li class="selector-list" data-city="Z">浙江</li><li class="selector-list" data-city=" ">其他</li><li class="selector-list" data-city=" ">海外</li></ul>--}}
    {{--</div>--}}
    {{--<div id="selector-city" class="selector">--}}
        {{--<div id="selector-city-result" class="selector-result">城市</div>--}}
        {{--<div id="selector-city-arrow" class="selector-arrow selector-arrow-HD"></div>--}}
        {{--<ul id="selector-city-box" class="selector-box"></ul>--}}
    {{--</div>--}}
    {{--<!-- <div id="selector-btn">确定</div> -->--}}
    {{--<div class="selector-title">直接搜索</div>--}}
    {{--<div id="selector-search">--}}
        {{--<input id="selector-search-input" autocomplete="off" onkeyup="win2.GetContentData()" onclick="win2.GetContentData()">--}}
        {{--<div id="selector-search-btn">搜索</div>--}}
    {{--</div>--}}
{{--</div>--}}

<div id="content">
    <div id="content-title">按省份首字母选择</div>
    <div id="content-box">
        <div class="content-letter">
            <span class="content-letter-panel" style="height: 64px;line-height: 64px;">A</span>
            <div class="content-province">
                <span class="content-province-triangle content-province-triangle-HD"></span>
                <div class="content-province-title" style="height: 64px;">安徽</div>
                <div class="content-cities">
                    <a href="" class="content-city">暂无城市开通，敬请期待</a>
                </div>
            </div>
        </div>
        <div class="content-letter">
            <span class="content-letter-panel" style="height: 46px; line-height: 46px;">F</span>
            <div class="content-province">
                <span class="content-province-triangle content-province-triangle-HD"></span>
                <div class="content-province-title" style="height: 46px;">福建</div>
                <div class="content-cities">
                    <a href="" class="content-city">暂无城市开通，敬请期待</a>

            </div>
        </div>
        <div class="content-letter">
            <span class="content-letter-panel" style="height: 202px; line-height: 202px;">G</span>
            <div class="content-province">
                <span class="content-province-triangle content-province-triangle-HD"></span>
                <div class="content-province-title" style="height: 64px;">广东</div>
                <div class="content-cities">
                    <a href="#" class="content-city">暂无城市开通，敬请期待</a>
                </div>
            </div>
            <div class="content-province">
                <span class="content-province-triangle content-province-triangle-HD"></span>
                <div class="content-province-title" style="height: 46px;">广西</div>
                <div class="content-cities">
                    <a href="#" class="content-city">暂无城市开通，敬请期待</a>
                </div>
            </div>
            <div class="content-province">
                <span class="content-province-triangle content-province-triangle-HD"></span>
                <div class="content-province-title" style="height: 46px;">贵州</div>
                <div class="content-cities">
                    <a href="#" class="content-city">暂无城市开通，敬请期待</a>
                </div>
            </div>
            <div class="content-province">
                <span class="content-province-triangle content-province-triangle-HD"></span>
                <div class="content-province-title" style="height: 46px;">甘肃</div>
                <div class="content-cities">
                    <a href="#" class="content-city">暂无城市开通，敬请期待</a>
                </div>
            </div>
        </div>
        <div class="content-letter">
            <span class="content-letter-panel" style="height: 368px; line-height: 368px;">H</span>
            <div class="content-province">
                <span class="content-province-triangle content-province-triangle-HD"></span>
                <div class="content-province-title" style="height: 46px;">海南</div>
                <div class="content-cities">
                    <a href="#" class="content-city">暂无城市开通，敬请期待</a>
                </div>
            </div>
            <div class="content-province">
                <span class="content-province-triangle content-province-triangle-HD"></span>
                <div class="content-province-title" style="height: 84px;">河南</div>
                <div class="content-cities">
                    <a href="#" class="content-city">暂无城市开通，敬请期待</a>
                </div>
            </div>
            <div class="content-province">
                <span class="content-province-triangle content-province-triangle-HD"></span>
                <div class="content-province-title" style="height: 46px;">黑龙江</div>
                <div class="content-cities">
                    <a href="#" class="content-city">暂无城市开通，敬请期待</a>
                </div>
            </div>
            <div class="content-province">
                <span class="content-province-triangle content-province-triangle-HD"></span>
                <div class="content-province-title" style="height: 64px;">湖北</div>
                <div class="content-cities">
                    <a href="http://wh.{{config('app.domain')}}" class="content-city">武汉</a>
                    <a href="http://xy.{{config('app.domain')}}" class="content-city">襄阳</a>
                </div>
            </div>
            <div class="content-province">
                <span class="content-province-triangle content-province-triangle-HD"></span>
                <div class="content-province-title" style="height: 64px;">湖南</div>
                <div class="content-cities">
                    <a href="#" class="content-city">暂无城市开通，敬请期待</a>
                </div>
            </div>
            <div class="content-province">
                <span class="content-province-triangle content-province-triangle-HD"></span>
                <div class="content-province-title" style="height: 64px;">河北</div>
                <div class="content-cities">
                    <a href="#" class="content-city">暂无城市开通，敬请期待</a>
                </div>
            </div>
        </div>

            <div class="content-letter">
                <span class="content-letter-panel" style="height: 176px; line-height: 176px;">J</span>
                <div class="content-province"><span class="content-province-triangle content-province-triangle-HD"></span>
                    <div class="content-province-title" style="height: 84px;">江苏</div>
                    <div class="content-cities">
                        <a href="#" class="content-city">暂无城市开通，敬请期待</a>
                    </div>
                </div>
                <div class="content-province">
                    <span class="content-province-triangle content-province-triangle-HD"></span>
                    <div class="content-province-title" style="height: 46px;">江西</div>
                    <div class="content-cities">
                        <a href="#" class="content-city">暂无城市开通，敬请期待</a>
                    </div>
                </div>
                <div class="content-province">
                    <span class="content-province-triangle content-province-triangle-HD"></span>
                    <div class="content-province-title" style="height: 46px;">吉林</div>
                    <div class="content-cities">
                        <a href="#" class="content-city">暂无城市开通，敬请期待</a>
                    </div>
                </div>
            </div>
            <div class="content-letter">
                <span class="content-letter-panel" style="height: 46px; line-height: 46px;">L</span>
                <div class="content-province">
                    <span class="content-province-triangle content-province-triangle-HD"></span>
                    <div class="content-province-title" style="height: 46px;">辽宁</div>
                    <div class="content-cities">
                        <a href="#" class="content-city">暂无城市开通，敬请期待</a>
                    </div>
                </div>
            </div>
            <div class="content-letter">
                <span class="content-letter-panel" style="height: 92px; line-height: 92px;">N</span>
                <div class="content-province">
                    <span class="content-province-triangle content-province-triangle-HD"></span>
                    <div class="content-province-title" style="height: 46px;">宁夏</div>
                    <div class="content-cities">
                        <a href="#" class="content-city">暂无城市开通，敬请期待</a>
                    </div>
                </div>
                <div class="content-province">
                    <span class="content-province-triangle content-province-triangle-HD"></span>
                    <div class="content-province-title" style="height: 46px;">内蒙古</div>
                    <div class="content-cities">
                        <a href="#" class="content-city">暂无城市开通，敬请期待</a>
                    </div>
                </div>
            </div>
            <div class="content-letter">
                <span class="content-letter-panel" style="height: 46px; line-height: 46px;">Q</span>
                <div class="content-province"><span class="content-province-triangle content-province-triangle-HD"></span>
                    <div class="content-province-title" style="height: 46px;">青海</div>
                    <div class="content-cities">
                        <a href="#" class="content-city">暂无城市开通，敬请期待</a>
                    </div>
                </div>
            </div>
            <div class="content-letter">
                <span class="content-letter-panel" style="height: 260px; line-height: 260px;">S</span>
                <div class="content-province"><span class="content-province-triangle content-province-triangle-HD"></span>
                    <div class="content-province-title" style="height: 104px;">山东</div>
                    <div class="content-cities">
                        <a href="#" class="content-city">暂无城市开通，敬请期待</a>
                    </div>
                </div>
                <div class="content-province">
                    <span class="content-province-triangle content-province-triangle-HD"></span>
                    <div class="content-province-title" style="height: 46px;">山西</div>
                    <div class="content-cities">
                        <a href="#" class="content-city">暂无城市开通，敬请期待</a>
                    </div>
                </div>
                <div class="content-province">
                    <span class="content-province-triangle content-province-triangle-HD"></span>
                    <div class="content-province-title" style="height: 46px;">陕西</div>
                    <div class="content-cities">
                        <a href="#" class="content-city">暂无城市开通，敬请期待</a>
                    </div>
                </div>
                <div class="content-province">
                    <span class="content-province-triangle content-province-triangle-HD"></span>
                    <div class="content-province-title" style="height: 64px;">四川</div>
                    <div class="content-cities">
                        <a href="#" class="content-city">暂无城市开通，敬请期待</a>
                    </div>
                </div>
            </div>
            <div class="content-letter">
                <span class="content-letter-panel" style="height: 110px; line-height: 110px;">X</span>
                <div class="content-province">
                    <span class="content-province-triangle content-province-triangle-HD"></span>
                    <div class="content-province-title" style="height: 64px;">新疆</div>
                    <div class="content-cities">
                        <a href="#" class="content-city">暂无城市开通，敬请期待</a>
                    </div>
                </div>
                <div class="content-province">
                    <span class="content-province-triangle content-province-triangle-HD"></span>
                    <div class="content-province-title" style="height: 46px;">西藏</div>
                    <div class="content-cities">
                        <a href="#" class="content-city">暂无城市开通，敬请期待</a>
                    </div>
                </div>
            </div>
            <div class="content-letter">
                <span class="content-letter-panel" style="height: 46px; line-height: 46px;">Y</span>
                <div class="content-province"><span class="content-province-triangle content-province-triangle-HD"></span>
                    <div class="content-province-title" style="height: 46px;">云南</div>
                    <div class="content-cities">
                        <a href="#" class="content-city">暂无城市开通，敬请期待</a>
                    </div>
                </div>
            </div>
            <div class="content-letter">
                <span class="content-letter-panel" style="height: 64px; line-height: 64px;">Z</span>
                <div class="content-province">
                    <span class="content-province-triangle content-province-triangle-HD"></span>
                    <div class="content-province-title" style="height: 64px;">浙江</div>
                    <div class="content-cities">
                        <a href="#" class="content-city">暂无城市开通，敬请期待</a>
                    </div>
                </div>
            </div>
            <div class="content-letter">
                <span class="content-letter-panel" style="height: 92px; line-height: 92px;"> </span>
                <div class="content-province">
                    <span class="content-province-triangle content-province-triangle-HD"></span>
                    <div class="content-province-title" style="height: 46px;">其他</div>
                    <div class="content-cities">
                        <a href="#" class="content-city" title="暂未开通">香港</a>
                        <a href="#" class="content-city" title="暂未开通">澳门</a>
                        <a href="#" class="content-city" title="暂未开通">台湾</a>
                        <a href="{{config('app.url')}}" class="content-city">全国</a>
                    </div>
                </div>
                <div class="content-province">
                    <span class="content-province-triangle content-province-triangle-HD"></span>
                    <div class="content-province-title" style="height: 46px;">海外</div>
                    <div class="content-cities">
                        <a href="#" class="content-city">暂未开通海外城市</a>
                    </div>
                </div>
            </div>
    </div>
    <div class="clb"></div>
</div>
</body>
</html>